@charset "utf-8";
/* CSS Document */
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.clear{clear:both; overflow:hidden;  height:0px; font-size:0px; line-height:0px;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* Header start*/
.headbox .box .menu ul li a{ color:#333;}
.headbox .box .lang{ right:0; position:absolute; top:15px;}
.headbox .box .lang a{ font-size:14px; color:#333; display:inline-block; margin:0 6px; position:relative;}
.headbox .box .lang a:after{content:"";width:1px;height:12px;background-color:rgba(0,0,0,0.4);position:absolute;top:50%;margin-top:-6px;right:-8px;}
.headbox .box .lang a:hover,.headbox .box .lang a.cur{-moz-opacity:1;-khtml-opacity:1;opacity:1;font-weight:bold;}
.headbox .box .lang a:last-child:after{display:none;}
.headbox .box .lang a:last-child{font-family: Arial;}
.headbox .box .tel{ right:80px; position:absolute; top:15px; font-size:14px; color:#333;}
/* 南通二建 start*/
.index-page{ width:100%; float:left;}
.tit1{ font-size:30px; color:#333; text-align:center; margin-top:30px;}
.tit1 h1{ font-size:25px; color:#cba671;}
.tit1 p{ font-size:28px; color:#4c4948; margin-top:20px;}
.index-dec{ font-size:16px; color:#000000; margin-top:20px; text-align:left; padding-right:150px;}
.index-about{ padding-bottom:70px;}
.index-about-item{ width:33%; float:left; text-align:center;}
.index-about-item h2{ font-size:44px; color:#151515; line-height:55px; color:#cba671;}
.index-about-item p{ font-size:16px; font-weight:bold; color:#000; margin-top:35px;}
.index-about-item span{ font-size:14px;margin-top:20px;}
/* 集团业务板块 start*/
.idx_title{ width:300px; margin:0 auto; margin-bottom:2%;}
.idx_title .en{ width:100%;}
.idx_title .en2{ display:none;}
.idx_title:hover .en1{ display:none;}
.idx_title:hover .en2{ display:block;}
.idx_title .ch{ width:172px; height:56px; position:relative; margin:0 auto; text-align:center; line-height:56px; font-size:25px; color:#000; overflow:hidden; margin-top:10px;}
.idx_title:hover .ch{ color:#ea5432;}
.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition:700ms; -webkit-transition:700ms; transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; opacity:0;}
.tranShow{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
.dly_1{ transition-delay:100ms; -webkit-transition-delay:100ms;}
.idx_line{ display:block; background:#a1a1a1; position:absolute; transition:150ms; transition-timing-function:linear;}
.idx_line_1{ width:21px; height:1px; right:50%; bottom:0; transition-delay:300ms;}
.idx_line_2{ width:21px; height:1px; left:50%; bottom:0; transition-delay:300ms;}
.idx_line_3{ width:1px; height:0; left:0; bottom:0; transition-delay:150ms;}
.idx_line_4{ width:1px; height:0; right:0; bottom:0; transition-delay:150ms;}
.idx_line_5{ width:0; height:1px; left:0; top:0; transition-delay:0ms;}
.idx_line_6{ width:0; height:1px; right:0; top:0; transition-delay:0ms;}
.idx_title:hover .idx_line{ background:#ea5432;} 
.idx_title:hover .idx_line_1,.idx_title:hover .idx_line_2{ width:100%; transition-delay:0ms;} 
.idx_title:hover .idx_line_3,.idx_title:hover .idx_line_4{ height:100%; transition-delay:150ms;} 
.idx_title:hover .idx_line_5,.idx_title:hover .idx_line_6{ width:50%; transition-delay:300ms;} 
.dly_3{ transition-delay:300ms; -webkit-transition-delay:300ms;}
.idx_pros{ width:1398px; margin:0 auto; background:#fff; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.idx_pros a{ display:block; width:465px; height:225px; float:left; color:#646464; border:1px solid #eee; position:relative; border-right:0; border-bottom:0; overflow:hidden;}
.idx_pros .ico,.idx_pros .txts{ width:50%; height:100%; position:absolute; top:0;}
.idx_pros .ico{ background-repeat:no-repeat; background-position:left center; left:0; transition:left 500ms; -webkit-transition:left 500ms;}
.idx_pros .idxp11 .ico{ background-image:url(../Images/idxIco1.png);}
.idx_pros .idxp11:hover .ico{ background-image:url(../Images/idxIco11.png);}
.idx_pros .idxp21 .ico{ background-image:url(../Images/idxIco2.png);}
.idx_pros .idxp12 .ico{ background-image:url(../Images/idxIco3.png);}
.idx_pros .idxp12:hover .ico{ background-image:url(../Images/idxIco33.png);}
.idx_pros .idxp22 .ico{ background-image:url(../Images/idxIco4.png);}
.idx_pros .idxp13 .ico{ background-image:url(../Images/idxIco5.png);}
.idx_pros .idxp13:hover .ico{ background-image:url(../Images/idxIco55.png);}
.idx_pros .idxp23 .ico{ background-image:url(../Images/idxIco6.png);}
.idx_pros .txts{ left:40%; width:55%; padding-right:5%; transition:500ms; -webkit-transition:500ms;}
.idx_pros .txts .ch{ font-size:18px; border-bottom:1px solid #e5e5e5; padding-bottom:3px; margin-top:45px;}
.idx_pros .idxp1 .txts .ch{ color:#323232;}
.idx_pros .txts .en{ font-size:11px; margin-top:2px;}
.idx_pros .pic{ width:100%; height:100%; overflow:hidden; background-repeat:no-repeat; background-position: center center; background-size:cover;}
.idx_pros .pic img{ width:100%;}
.idx_pros .idxp2{ color:#fff;}
.idx_pros .idxp2 .txts .ch{ border-color:#fff;} 
.idx_pros .cover{ position:absolute; left:0; top:0; bottom:0; right:0; opacity: 0; overflow:visible; border:0 solid #ea5432; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.idx_pros a:hover .cover{ opacity:1; border:150px solid #ea5432;}
.idx_pros a:hover .ico{ left:50%;}
.idx_pros a:hover .txts{ left:0; padding-right:0; padding-left:5%;}
.idx_pros .idxp1:hover { color:#fff;}
.idx_pros .idxp1:hover .txts .ch{ color:#fff;}
.idx_pros .arrow{ width:18px; height:18px; background:url(../Images/wi_arrow.png) no-repeat center center; position:absolute; bottom:15px; left:5%; transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0; display:none\9; transition:500ms; -webkit-transition:500ms;}
.idx_pros a:hover .arrow{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1;}
/* 新闻中心 start*/
.newsIn{ width:100%; height:500px; position:relative; z-index:9;}
.newsInLeft{ position:absolute; left:50px; top:20px; width:344px; height:467px; background-image:url(../Images/news_bg.jpg); background-position:left center; background-repeat:no-repeat;}
.newsInLeft img{ position:absolute; top:90px; left:53px; z-index:10; width:210px; height:280px;}
.newsInCen{ position:absolute; top:20px; left:450px; width:633px; height:456px; background-color: rgba(243,243,243,1);}
.newsInCen .newlist{ position:absolute; top:37px; left:86px; z-index:10; width:505px; height:394px;}
.newsInCen .newlist li{ width:100%; height:auto; border-bottom:1px dotted #000; list-style-type:none;}
.newsInCen .newlist li a h3{ width:100%; font-size:14px; color:#323232; line-height:21px;}
.newsInCen .newlist li a h3 time{ float:right; font-size:12px; line-height:21px; color:#1d2088;}
.newsInCen .newlist li a p{ font-size:14px; height:73px; overflow:hidden; line-height:26px; color:#323232;}
.newsInCen .newlist li a:hover h3{ cursor:pointer; color:#ea5432;}
.newsInCen .newlist li a:hover p{ cursor:pointer; color:#ea5432;}
.newsInCen .newIcon{ position:absolute; top:90px; left:-39px; z-index:10; width:78px; height:76px;}
.newsInRight{ position:absolute; top:20px; right:50px; width:120px; height:200px; background-image:url(../Images/news_right1.jpg); background-position:right center; background-repeat:no-repeat;}
.newsInRight a{ cursor:pointer; display:block; text-align:center; line-height:25px; width:77px; height:25px; background-color: rgba(103,101,102,1); color:#FFF;}
.newsInRight a:hover{ background-color:#ea5432;}
.newsInRight .newJT{ position:absolute; top:56px; left:-31px; z-index:10;}
.newsInRight .newVideo{ position:absolute; top:87px; left:-31px; z-index:10;}
.newsInRight .newHY{ position:absolute; top:118px; left:-31px; z-index:10;}
.newsInRight .more{ position: absolute; top:151px; left:51px; z-index:10; width:59px; height:26px; font-size:16px; background-color:inherit; color:rgba(103,101,102,1);}
.newsInRight .more:hover{ color:#ea5432; background-color:inherit;}
/* 董事长致辞 staart */
.hidden-lg{ text-align:right; font-size:16px;}
.hidden-lg a{ color:#efefef; font-weight:900;}
.hidden-lg img{ width:100px;}
/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#ea5432;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:left; list-style-type:none;}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../Images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{ width:auto; height:45px; padding-left:49px; background:url(../Images/online_arrow.jpg) no-repeat; background-position:-50px 0px; position:fixed; top:100px; right:0; z-index:999;}
#rightArrow a{display:block;height:45px; width:51px; background-color:#fc3; text-align:left; line-height:45px; font-size:16px; color:#FFF;}
/*video*/
.vwrap{ display:none; z-index:1040; width:100%; position:fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox{ width:100%; display:inline-block; height:100%; background:#000;}
.vwrap #video1{ width:100%; height:100%;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close{ z-index: 999; width: 36px; height: 36px; background-color:#ea5432; cursor: pointer; position: absolute; top: -36px; right: 0px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background:url(../Images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico2.png) no-repeat!important; width: 51px!important; height: 51px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
/*------------- menu6 animation -------------------*/
.main li:hover .menu6 li:first-of-type{ animation:menu6 0.3s ease-in-out forwards; animation-delay:0.2s;}
.main li:hover .menu6 li:nth-of-type(2){ animation:menu6 0.3s ease-in-out forwards; animation-delay:0.4s;}
.main li:hover .menu6 li:nth-of-type(3){ animation:menu6 0.3s ease-in-out forwards; animation-delay:0.6s;}
.main li:hover .menu6 li:nth-of-type(4){ animation:menu6 0.3s ease-in-out forwards; animation-delay:0.8s;}
.main li:hover .menu6 li:last-of-type{ animation:menu6 0.3s ease-in-out forwards; animation-delay:1.0s;}
@keyframes menu6 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*手机菜单*/
.Phmenu{ position:absolute; right:5%; top:32px; cursor:pointer; z-index:999;}
#menu_toggle1{ display:none;}
.Phmenu strong{ display:inline-block; float:left; color:#2f318b; font-size:16px; line-height:18px; font-weight:normal; margin-right:12px;}
.Phmenu span{ position:relative; display:inline-block; width:22px; height:3px; background-color:#4a5454;border-radius:2px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; margin-top:-2px}
.Phmenu span:after,.Phmenu span:before{ content:""; position:absolute; display:inline-block; width:22px; height:3px; left:0; border-radius:2px; background-color:#4a5454; -webkit-transition-duration:.3s,.3s; -moz-transition-duration:.3s,.3s; -ms-transition-duration:.3s,.3s; -o-transition-duration:.3s,.3s; transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s; -ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s; transition-delay:.3s,0s}
.Phmenu span:before{ top:-6px; -webkit-transition-property:top,transform; -moz-transition-property:top,transform; -ms-transition-property:top,transform; -o-transition-property:top,transform; transition-property: top,transform;}
.Phmenu span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.Phmenu.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.Phmenu.active span:after,.Phmenu.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.Phmenu.active span:before {top: 0;background:#4a5454;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.Phmenu.active span:after {bottom: 0;background:#4a5454;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menubox{ position:fixed; width:100%; height:100%; left:0; top:89px; background:#fff; display:none; overflow-y:auto; z-index:99999;}
.menus-list{ position:relative; margin:auto; width:90%; margin-bottom:88px; margin-left:0px;}
.menus-list li{ position:relative; list-style-type:none;}
.menus-list li:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:0;  -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; border-bottom:1px solid #e5e5e5;}
.menus-list li:last-child{ border-bottom:none;}
.menus-list li a{ display:block; line-height:60px; color:#323232; font-size:20px; text-align:center;}
.menudown{ width:100%; position:fixed; left:0; bottom:0; background:#41609f;}
.menudown a{ display:block; width:50%; height:66px; float:left; position:relative;}
.menudown a:nth-child(1){ background:#2c519e url(../Images/weix.png) center no-repeat;}
.menudown a:nth-child(2){ background:url(../images/cart.png) center no-repeat;}
@-webkit-keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}
  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }  
}
@keyframes ReturnToNormal {
0%{
	-webkit-transform: scale(0.1,1);
	-ms-transform: scale(0.1,1);
	transform: translate: scale(0.1,1);
	}
  100% {
	-webkit-transform: scaleX(1,1);
	-ms-transform: scale(1,1);
	transform: translate: scaleX(1,1);
  }
}
.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #00318b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }
/*手机模式*/
#plugin-contact-ring2{ display:none;}
#plugin-contact-ring{position:fixed;left:10px;bottom:10px;opacity:.8;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;z-index:99;}
#plugin-contact-ring.open{opacity:1}
#ring-list .item,#ring-toggle-button{position:absolute;width:150px;height:70px;border-radius:50%;background:rgba(0,0,0,.8);left:0;bottom:0}
#ring-toggle-button{z-index:10}
#ring-toggle-button:after,#ring-toggle-button:before{content:' ';position:absolute;left:50%;top:50%;background:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:2px;-webkit-transition:-webkit-transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .8s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear}
#ring-toggle-button:before{width:50%;height:4px}
#ring-toggle-button:after{height:50%;width:4px}
#plugin-contact-ring.open #ring-toggle-button:after,#plugin-contact-ring.open #ring-toggle-button:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
#ring-list{position:relative}
#plugin-contact-ring.open #ring-list.r3{width:150px;height:150px}
#plugin-contact-ring.open #ring-list.r4{width:175px;height:175px}
#plugin-contact-ring.open #ring-list.r5{width:200px;height:200px}
#ring-list .item{overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;transition:transform .6s cubic-bezier(.18,.89,.32,1.28),opacity .2s linear;opacity:0}
#plugin-contact-ring.open #ring-list .item,#plugin-contact-ring2 #ring-list li{opacity:1}
#ring-list .item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}
#ring-list .item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}
#ring-list .item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}
#ring-list .item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}
#ring-list .item:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}
#ring-list.r3 .item:nth-child(n+4),#ring-list.r4 .item:nth-child(n+5),#ring-list.r5 .item:nth-child(n+6){display:none}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(1){-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(2){-webkit-transform:translate(70.71px,-70.71px);transform:translate(70.71px,-70.71px)}
#plugin-contact-ring.open #ring-list.r3 .item:nth-child(3){-webkit-transform:translate(100px,0);transform:translate(100px,0)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(1){-webkit-transform:translate(0,-125px);transform:translate(0,-125px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(2){-webkit-transform:translate(62.5px,-108.25px);transform:translate(62.5px,-108.25px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(3){-webkit-transform:translate(108.25px,-62.5px);transform:translate(108.25px,-62.5px)}
#plugin-contact-ring.open #ring-list.r4 .item:nth-child(4){-webkit-transform:translate(125px,0);transform:translate(125px,0)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(1){-webkit-transform:translate(0,-150px);transform:translate(0,-150px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(2){-webkit-transform:translate(57.4px,-138.58px);transform:translate(57.4px,-138.58px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(3){-webkit-transform:translate(106.07px,-106.07px);transform:translate(106.07px,-106.07px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(4){-webkit-transform:translate(138.58px,-57.4px);transform:translate(138.58px,-57.4px)}
#plugin-contact-ring.open #ring-list.r5 .item:nth-child(5){-webkit-transform:translate(150px,0);transform:translate(150px,0)}
#ring-list .item .icon{display:block;width:30px;height:30px;margin:5px auto 2px;background:url(../../resources2/web/images/marketing.png) no-repeat;-webkit-background-size:auto 30px;background-size:auto 30px}
#ring-list .item-phone .icon{background-position:0 0}
#ring-list .item-flush .icon{background-position:-180px 0}
#ring-list .item-sms .icon{background-position:-150px 0}
#ring-list .item-home .icon{background-position:-60px 0}
#ring-list .item-map .icon{background-position:-90px 0}
#ring-list .item-weibo .icon{background-position:-75px 0}
#ring-list .item-weixin .icon{background-position:-100px 0}
#ring-list .item-qq .icon{background-position:-125px 0}
#ring-list .item .title{display:block;font-size:14px;color:#fff;width:100%;text-align:center;overflow:hidden;margin:0 auto; line-height:25px;}
#plugin-contact-ring2 #ring-toggle-button{width:50px;height:50px;background:#fff;background:-webkit-linear-gradient(top ,#fff ,#fff 100%);border-radius:25px;display:block;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 0 1px 3px rgba(255,255,255,.4);box-sizing:border-box;color:#515151}
#plugin-contact-ring2 #ring-toggle-button:after{display:block;font-family:icon;/*content:"A";*/position:absolute;z-index:1;font-size:50px;line-height:4px;text-indent:-18px;background:0 0;top: 30px; -ms-transform: translate(-2px, 0px);}
#plugin-contact-ring2 #ring-toggle-button:before{display:block;content:'置顶';position:relative;z-index:2;width:100%;text-align:center;line-height:5px;font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;font-size:16px;}
#plugin-contact-ring2{position:fixed;bottom:0;height:60px;width:100%;background:#272727;left:0;z-index:999;}
#plugin-contact-ring2 li{display:block}
#plugin-contact-ring2 #ring-list{position:initial; padding:0 0;}
#plugin-contact-ring2 #ring-list li:active{background:rgba(0,0,0,.3);border-radius:initial}
#plugin-contact-ring2 #ring-toggle-button:after,#plugin-contact-ring2 #ring-toggle-button:before{background:0 0}
#plugin-contact-ring2 #ring-list .item{width:20%;background:0 0;display:block;float:left;position: static;position:initial;}
#plugin-contact-ring2 #ring-list .item a{display:block;height:100%;width:100%;margin:0;padding:0}
#plugin-contact-ring2,#plugin-contact-ring2 #ring-toggle-button{color:#272727;}
/*手机模式*/











@media screen and (max-width:1240px){
	.headbox{ height:84px;}
	.headbox .box .logo{ top:12px;}
	.headbox .box .logo .logo1{ height:60px;}
	.headbox .box .menu{ display:none;}
	.menubox{ top:84px;}
	#menu_toggle1{ display:block;}
	.Phmenu strong{ display:none;}
	/*手机菜单 end*/
	.hisMain{ display:none;}
	.hisMain1{ display:block;}
	.headbox .box .lang{ right: calc(5% + 25px); top:32px;}
	.headbox .box .lang a:nth-child(1){ display:none;}
	.headbox .box .tel{ top:32px; right: calc(5% + 80px);}
	.homeSlide{ padding-top:84px;}
	.homepage .swiper-pagination-switch{ width:10px; height:10px;}
	.homeabout .centerbox{ width:90%;}
	.index-dec{ padding-right:0;}
	.homeabout .centerbox .wordbox .rightbox{ display:none;}
	.idx_pros{ width:calc(100% - 1px);}
	.idx_pros a{ width:calc(33.333% - 2px);}
	.homevideobox .centerbox{ width:90%;}
	.homevideobox .incen_box .incen_boxl{ width:47%;}
	.homevideobox .incen_box .incen_boxl ul li{ height:115px;}
	.homevideobox .incen_box .incen_boxl ul li:nth-child(3){ height:163px;}
	.homevideobox .incen_box .incen_boxl ul li h3{ padding-bottom:0; margin-top:0;}
	.homevideobox .incen_box .incen_boxr{ width:47%;}
	.homevideobox .incen_box .incen_boxr a{ position:absolute; left:50%; margin-left:-89px; bottom:0;}
	.newsInLeft{ width:28%; background-size:100% 100%; left:5%;}
	.newsInLeft img{ width:64%; height:auto; top:20%; left:15%;}
	.newsInCen{ width:60%; left:35%;}
	.newsInCen .newlist{ width:76%; left:12%;}
	.newsInRight{ display:none;}
}
@media screen and (max-width:1024px){
	.homeabout .centerbox .titbox{ margin-top:30px;}
	.homeabout .centerbox .titbox span.t1{ font-size:24px;}
	.homeabout .centerbox .titbox span.t2{ font-size:20px;}
	.index-about-item h2{ font-size:24px; line-height:25px;}
	.index-about-item p{ margin-top:15px; line-height:20px; height:40px; overflow:hidden;}
	.index-about-item span{ display:block; margin-top:0; line-height:15px; height:30px; overflow:hidden;}
	#remarks{ display:none !important;}
	.homenewsbox{ padding-top:30px; padding-bottom:30px;}
	.idx_title{ width:225px;}
	.idx_title .ch{ font-size:24px; height:38px; line-height:38px; width:150px;}
	.idx_pros a{ width:50%;}
	.idx_pros a.idxp12{ float:right;}
	.homevideobox .incen_box .incen_boxl{ width:100%;}
	.homevideobox .incen_box .incen_boxr{ width:100%;}
	.homevideobox .incen_box .incen_boxr a{ position:absolute; left:50%; margin-left:-89px; bottom:0;}
	.homeservicebox{ padding-top:30px;}
	.homeservicebox .centerbox{ width:90%; padding-bottom:0;}
	.newsIn{ height:auto;}
	.newsInLeft{ display:none;}
	.newsInCen{ position:relative; width:100%; left:inherit; top:inherit; height:auto;}
	.newsInCen .newlist{ position:relative; height:auto; width:auto; padding:50px; left:inherit; top:inherit;}
	.newsInCen .newIcon{ display:none;}
	.footer .centerbox .copyright{ line-height:normal; padding:40px 0 0 5%;}
	.footer .centerbox .otherbox .box{ width:100%; height:auto; float:inherit;}
	.footer .centerbox .otherbox .box .list{ margin-top:0; width:100%; padding:30px; height:auto;}
	.footer .centerbox .otherbox .box .list ul{ display:block; width:100%; height:auto;}
	.footer .centerbox .otherbox .box .list ul li{ height:50px; line-height:50px;}
	.footer .centerbox .otherbox .box .list ul li.ercode{ width:49%; height:auto;}
	.footer .centerbox .otherbox .box .list ul li.ercode img{ width: calc(100% - 2px); height:auto;}
	.footer .centerbox .otherbox .box .list ul li{ width:15%; margin-left:2%;}
	.footer .centerbox .otherbox .box .list ul li:first-child{ margin-left:0;}
}
@media screen and (max-width:641px){
	.headbox{ height:59px;}
	.headbox .box .logo .logo1{ height:35px;}
	.headbox .box .lang{ top:20px;}
	.headbox .box .tel{ display:none;}
	.Phmenu{ top:20px;}
	.menubox{ top:59px;}
	.menus-list li a{ line-height:40px; font-size:16px;}
	.homeSlide{ padding-top:59px;}
	.homeSlide .list ul li a img{ width:130%; margin-left:-15%;}
	.homepage{ bottom:15px;}
	.homeabout .centerbox .titbox span.t1{ font-size:20px;}
	.homeabout .centerbox .titbox span.t2{ font-size:16px;}
	.index-about{ padding-bottom:40px;}
	.tit1 h1{ font-size:20px; margin-top:0;}
	.index-dec{ font-size:14px;}
	.index-about-item h2{ font-size:16px; margin-bottom:0;}
	.index-about-item p{ font-size:12px; margin-top:0;}
	.index-about-item span{ font-size:12px;}
	.idx_title{ width:150px;}
	.idx_title .ch{ font-size:20px; margin-top:0;}
	.idx_pros a{ width:100%; height:150px;}
	.idx_pros .txts .ch{ font-size:14px;}
	.homevideobox .incen_box .incen_boxl ul li{ height:130px;}
	.homevideobox .incen_box .incen_boxl ul li h3{ font-size:16px;}
	.homevideobox .incen_box .incen_boxr video{ margin-bottom:50px;}
	.homevideobox .incen_box .incen_boxr a{ font-size:14px; padding:5px 10px; margin-left:-52px;}
	.newsInCen .newlist{ padding:20px;}
	.newsInCen .newlist li a p{ font-size:12px; line-height:20px; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.footer{ padding-bottom:60px;}
	.footer .centerbox .copyright{ padding:10px 10px 0 5%;}
	.footer .centerbox .copyright p{ font-size:12px; line-height:20px; text-align:left; margin-bottom:0;}
	.footer .centerbox .otherbox .box .list{ padding:30px 10px;}
	.footer .centerbox .otherbox .box .list ul li{ display:none;}
	.footer .centerbox .otherbox .box .list ul li.ercode{ display:block; width:100%; margin-left:0;}
	#rightArrow{ display:none;}
	#floatDivBoxs{ display:none;}
	#plugin-contact-ring2{ display:block;}
}

